:global {
  .sider {
    height: 100vh;
    .logo {
      height: 80;
      text-align: center;
      line-height: 80px;
      img {
        height: 60px;
      }
    }
  }

  //内容区撑满屏幕
  .container {
    display: flex;
    height: 100vh;
    flex-direction: column;
    overflow: auto;

    .content {
      flex: 1;
    }

    footer {
      // background-color: 'red';
      text-align: center;
    }
  }

  // @media (prefers-color-scheme: light) {
  //   .sider {
  //     background: #2F4056;
  //   }

  //   .content {
  //     background: #2F4056;
  //   }
  // }
}
